<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="../css/mui.min.css" rel="stylesheet" />
		<link rel="stylesheet" type="text/css" href="../css/general.css"/>
		<style type="text/css">
			.mui-table-view-cell>a:not(.mui-btn){
				margin: 0;
			}
			body{
				background-color: #E7EFFE;
			}
			.headimg{
				width: 100%;
				height: auto;
				background-color: rgba(51,113,213,1);
				padding-bottom: 1em;
				margin: 0;
			}
			#nc{
				color: white;
			}
			.h{
				width: 100%;
				height: 44px;
				line-height: 44px;
				text-align: center;
				color: white;
			}
			.head{
				width: 100%;
				height: auto;
				padding: 15px 15px;
				display: flex;
				align-items: center;
				justify-content: center;
				flex-direction: column;
			}
			.left{
				width: 70px;
				height: 70px;
			}
			.left img{
				width: 100%;
				height: 100%;
				border-radius: 50%;
			}
			.right{
				padding: 0 20px;
				text-align: center;
				
			}
			.right div{
				padding: 5px;
			}
			.pl10{
				padding-left: 10px;
			}
			span{
				font-size: 1em;
				font-weight: 550;
			}
			.bom{
				color: white;
			}
			.mui-table-view {
			    position: relative;
			    margin-top: 0;
			    margin-bottom: 0;
			    padding-left: 0;
			    list-style: none;
			    background-color: #fff;
			    
			    margin: .8em;
			    z-index: 9;
			    margin-top: -1em;
			    border-radius: 0.2em;
			    box-shadow:5px 5px 10px #CDE0FF;
			}
			.mui-table-view:before {
			    position: absolute;
			    right: 0;
			    left: 0;
			    height: 0px;
			    content: '';
			    -webkit-transform: scaleY(.5);
			    transform: scaleY(.5);
			    background-color: #c8c7cc;
			    top: 0px;
			}
			.mui-table-view:after {
			    position: absolute;
			    right: 0;
			    left: 0;
			    height: 0px;
			    content: '';
			    -webkit-transform: scaleY(.5);
			    transform: scaleY(.5);
			    background-color: #c8c7cc;
			    top: 0px;
			}
			.mui-table-view-cell {
			    position: relative;
			    overflow: hidden;
			    padding: 0.4em 1em;
			    -webkit-touch-callout: none;
			    color: #666666;
			    display: flex;
				justify-content: flex-start;
				align-items: center;
				height: 3.5em;
			}
			.mui-table-view-cell:after{ right:15px;}
			.jg{
				height: 1em;
				width: 100%;
			}
			.mui-table-view .mui-media-object{
				width: 1.2em;
				height: 1.2em;
				line-height: 1.2em;
			}
			
			.mui-navigate-right{
				margin-right: 10px;
			}
			.setimg{
				width: 1em;
				height: 1.2em;
			}
			.top,.block{
				display: flex;
				justify-content: center;
				align-items: flex-end;
			}
		</style>
	</head>
	<body>
		<div class="mui-content cbg">
			<div class="main">
			<div class="headimg">
				<div class="h">个人中心</div>
				<div class="head">
					<div class="left">
						<img src="../images/user-photo.png" id="himg"/>
					</div>
					<div class="right">
						<div class="top">
							<span id="nc">
								昵称
							</span>
						</div>
						<div class="bom" id="zh">
							工号：1234456
						</div>
					</div>
				</div>	
			</div>
		<ul class="mui-table-view">
		        <li class="mui-table-view-cell mui-media" onclick="gopage('mywallet')">
		        	<img class="mui-media-object mui-pull-left" src="../images/qb.png">
		            <div class="mui-navigate-right">
		            	个人信息
		            </div>
		        </li>
		        <li class="mui-table-view-cell" onclick="gopage('myorder')">
		        	<img class="mui-media-object mui-pull-left" src="../images/dd.png">
		            <div class="mui-navigate-right">
		                 系统设置
		            </div>
		        </li>
		 </ul>        
		 <div class="jg"></div>
		 <ul class="mui-table-view ">
		        <li class="mui-table-view-cell" onclick="gopage('collection')">
		        	<img class="mui-media-object mui-pull-left" src="../images/sc.png">
		            <div class="mui-navigate-right">
		                 关于我们
		            </div>
		        </li>
		        <li class="mui-table-view-cell" onclick="gopage('focus')">
		        	<img class="mui-media-object mui-pull-left" src="../images/gz.png">
		            <div class="mui-navigate-right">
		                 分享软件
		            </div>
		        </li>
		        <li class="mui-table-view-cell">
		        	<img class="mui-media-object mui-pull-left" src="../images/fb.png">
		            <div class="mui-navigate-right">
		                 修改密码
		            </div>
		        </li>
		        <li class="mui-table-view-cell" onclick="gopage('audit_information')">
		        	<img class="mui-media-object mui-pull-left" src="../images/sc.png">
		            <div class="mui-navigate-right">
		                 反馈问题
		            </div>
		        </li>
		        <li class="mui-table-view-cell" onclick="gopage('address')">
		        	<img class="mui-media-object mui-pull-left" src="../images/dz.png">
		            <div class="mui-navigate-right">
		                 帮助中心
		            </div>
		        </li>
		        <li class="mui-table-view-cell" onclick="gologing()">
		        	<img class="mui-media-object mui-pull-left" src="../images/tx.png">
		            <div class="mui-navigate-right">
		                 退出登录
		            </a>
		        </li>
		    </ul>
		 </div>
		</div>
		
		
		<script src="../js/mui.min.js"></script>
		<script type="text/javascript">
			window.onload = function(){
				
				mui.init();
				 
				getstore();
			}
			function gopage4(url){
				//window.top.location.href = "personal/"+url+".html";
				mui.openWindow({
                        url: "personal/"+url+".html",
                        id: url
                });
			}
			
			function getstore(){
				var data = {
					url:"/api/store/detail",
					data:{
						access_token:acctoken(),
					}
				}
				ajax(data,function(res){
					console.log("门店信息",res);
					/*$("#storename").append(res.data.store_name);
					$("#storephone").append(res.data.phone);
					$("#storetime").append(res.data.expire_time);*/
					g("storename").innerHTML = res.data.store_name;
					g("storephone").innerHTML = res.data.phone;
					g("storetime").innerHTML = res.data.expire_time;
				})
				
			}
		</script>
	</body>

</html>